<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>兄弟选择器{相邻+通用}</title>
		<style>
			
			/* 通用选择器: 语法: *{}
			              功能: 设置全局样式 把body中所有的元素全部选中*/
			*{
				color: gray;
				font-size: 18px;
			}
						  
			/* 相邻兄弟选择器: 语法: 选择器+选择器
			                  功能: 选择紧邻当前选择器后面的兄弟元素*/
			/* 通用兄弟选择器: 语法: 选择器~选择器
			                  功能: 选择当前选择器后面的所有兄弟元素*/
							  
			/* 都会执行 不存在主次顺序  会存在覆盖 */
			
			/* h1+p{
				color: #ff00ff;
				font-size: 20px;
			}
			h1~p{
				color: #ffff00;
				font-size: 48px;
			} */
			
		</style>
	</head>
	<body>
	<h1>相邻兄弟选择器</h1>
	<p>兄弟1</p>
	<p>兄弟2</p>
	</body>
</html>